<!DOCTYPE html>
<html lang="pt-br">
<head>
    <!-- Codificação de caracteres -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <!--[if lt IE 9]>
    <script type="text/javascript">
        document.createElement("nav");
        document.createElement("header");
        document.createElement("footer");
        document.createElement("section");
        document.createElement("aside");
        document.createElement("article");
    </script>
    <![endif]-->
    
    <title>{% if titulo %}{{ titulo }} - {% endif %}{{ nome_fantasia }}</title>

    <!-- Style sheets -->
    <link rel="stylesheet" href="{{ STATIC_URL }}css/dot-luv/jquery-ui.custom.min.css" />
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/style.css" />
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/texto.css" />
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/nav.css" />
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/header.css" />
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/center.css" />
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/footer.css" />
    
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/link.css" />
    
    {% if css %}
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/{{ css }}.css" />
    {% endif %}
    
    {% block template_css %}{% endblock %}
    
    <!-- JavaScript - Script -->
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery.min.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-ui.custom.min.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/script.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}admin/js/admin/RelatedObjectLookups.js"></script>
    
    {% if js %}
    <script type="text/javascript" src="{{ STATIC_URL }}js/{{ js }}.js"></script>
    {% endif %}
    
    {% block template_js %}{% endblock %}
    
</head>
<body>

<nav id="top_nav">
    <ul>
        <li><a href="/">Início</a></li>
        
        {% if user.is_authenticated %}
        <!--
        <li><a href="/balcao/">Balcão</a></li>
        <li><a href="/entregas/">Entregas</a></li>
        -->
        <li><a href="/relatorio/">Relatório</a></li>
        <li><a href="/estoque/avisos/">Avisos</a></li>
        
        {% if user.is_staff %}
        <li><a href="/admin/">Administração</a></li>
        <li><a href="/admin/registro/evento/">Eventos</a></li>
        {% endif %}
        <li><a href="/admin/estoque/produto/">Produtos</a></li>
        
        {% if perms.restaurante.ver_pagamento %}
        <li><a href="/pagamentos/receber/">Pagamentos a receber</a></li>
        <li><a href="/pagamentos/retiradas/">Entrada/Retiradas</a></li>
        {% endif %}
        
        {% endif %}
        
        <!--
        <li><a href="/sobre/">Sobre o sistema</a></li>
        <li><a href="/ajuda/">Ajuda</a></li>
        -->
        
        {% if user.is_authenticated %}
        <li id="logado_como"><i>Logado como {{request.user.username}}</i><a href="/logout" onclick="return confirm('Deseja realmente sair?');">Sair</a></li>
        {% else %}
        <li>{{ "" }}</li>
        {% endif %}
    </ul>
    </nav>

<header id="page_header">

    <a href="/" title="Início">
        <img src="{{ STATIC_URL }}img/logo.png" alt="CtrlSYS Restaurante" height="100" />
    </a>
    
</header>
    <section id="page_center">
    
    {% if header %}
    <h1>{{ header }}</h1>
    {% endif %}
    
   	{% block conteudo %}{% endblock %}
    
    </section>
    
<footer id="page_footer">
    Entre em contato conosco: <a href="/contatos/">Clique aqui</a>!
</footer>
<div id="aviso_popup"></div>
</body>
</html>